<template>
    <div>
        <el-container>
         <el-aside width="200px">
            <Mynav></Mynav>
          </el-aside>
          <el-main>
            <router-view></router-view>
          </el-main>
        </el-container>
    </div>
</template>

<script>
    import Mynav from "../components/Mynav";
    export default {
        name: "Homemin",
        components:{
            Mynav
        }
    }
</script>

<style lang="less" scoped>
    .el-aside {
        background-color: #63b7af;
        color: #333;
        text-align: center;
        height: calc(~"100vh - 60px");
    }
    .el-main {
        padding: 0;
      /*  background-color: #e9eef3;*/
        color: #333;
        height: calc(~"100vh - 60px");
        padding:20px;
    }
    .el-main[data-v-fae5bece] {
        background-color: #d4f3ef;
    }
    .el-aside[data-v-fae5bece] {
        background-color: #63b7af;
        height: calc(~"100vh - 60px");
    }
</style>